<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>审核</title>

    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>

<%--<fieldset class="layui-elem-field layui-field-title">--%>
    <%--<legend>裁剪部</legend>--%>
<%--</fieldset>--%>

<div style="height: 600px">

<div><b>裁剪部审核</b></div>
<table id="demo" lay-filter="test"></table>

<div><b>缝纫部审核</b></div>
<table id="demo2" lay-filter="test"></table>

<div><b>样板单审核</b></div>
<table id="demo3" lay-filter="test"></table>
</div>

<%--物料审核修改--%>
<div class="layui-row" id="popUpdateTest" style="display:none;">
        <form class="layui-form" style="padding: 20px;"id="upfm">
            <div class="layui-form-item">
                <label class="layui-form-label">审核状态</label>
                <div class="layui-input-block">
                    <select id="takeAwayStatus" lay-verify="required">
                        <option value="-1">请选择审核状态</option>
                        <option value="2">通过</option>
                        <option value="3">不通过</option>
                    </select>
                </div>
            </div>
        </form>
        <%--<div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit  lay-filter="submitForm">通过</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>--%>
</div>

<!-- 审核弹窗 -->
<div class="layui-row" id="auditModal" style="display:none" >
    <form class="layui-form" style="padding: 20px;"id="upSemple">
        <div class="layui-form-item">
            <label class="layui-form-label">审核状态</label>
            <div class="layui-input-block">
                <select id="auditStatusStr" lay-verify="required">
                    <option value="-1">请选择审核状态</option>
                    <option value="未提交审核">未提交审核</option>
                    <option value="已提交审核">已提交审核</option>
                    <option value="审核通过">审核通过</option>
                    <option value="审核未通过">审核未通过</option>
                </select>
            </div>
        </div>
        <%--<div class="layui-form-item">--%>
            <%--<label class="layui-form-label">审核意见</label>--%>
            <%--<div class="layui-input-block">--%>
                <%--<textarea name="auditOpinion" class="layui-textarea" placeholder="请输入审核意见"></textarea>--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="layui-form-item">--%>
            <%--<div class="layui-input-block">--%>
                <%--<button class="layui-btn"onclick="updateSempleSubmit()" lay-submit lay-filter="auditSubmit">提交审核</button>--%>
            <%--</div>--%>
        </div>
    </form>
</div>


</body>

<script type="text/javascript">

    layui.use(['jquery','layer','table','form'], function(){
        var $ = layui.jquery;
        var layer = layui.layer;
        var table = layui.table;
        var form = layui.form;

        //第一个实例
        table.render({
            elem: '#demo'
            ,height: 312
            ,url: '${pageContext.request.contextPath}/Audits/getTakeAwaySubmitInfo' //数据接口
            ,page: true //开启分页
            ,limit:3
            ,limits:[3,6,9]
            ,toolbar: '#toolbarDemo',
            cols: [[ // 表头配置
                {field: 'id', title: '拿货id',sort: true, fixed: 'left'}
                ,{field: 'takeAwaySubmitTime', title: '申请时间',sort: true}
                ,{field: 'takeAwayTime', title: '拿货时间',sort: true}
                ,{field: 'takeAwayCount', title: '拿货数量',sort: true}
                ,{field: 'orderId', title: '订单ID'}
                ,{field: 'styleId', title: '款号ID'}
                ,{field: 'productId', title: '商品ID',sort: true}
                ,{field: 'materialsId', title: '物料ID'}
                ,{field: 'takeAwayStatus', title: '申请状态'}
                ,{field: 'src', title: '备注',sort: true}
                ,{field: '', title: '操作',toolbar: "#barDemo"}

            ]]
        });

        table.render({
            elem: '#demo2'
            ,height: 270
            ,url: '${pageContext.request.contextPath}/Audits/getTakeAwaySubmitInfo' //数据接口
            ,page: true //开启分页
            , limit: 3
            , limits: [1, 2, 3]
            ,cols: [[ //表头
                {field: 'id', title: '拿货id',sort: true, fixed: 'left'}
                ,{field: 'takeAwaySubmitTime', title: '申请时间',sort: true}
                ,{field: 'takeAwayTime', title: '拿货时间',sort: true}
                ,{field: 'takeAwayCount', title: '拿货数量',sort: true}
                ,{field: 'orderId', title: '订单ID'}
                ,{field: 'styleId', title: '款号ID'}
                ,{field: 'productId', title: '商品ID',sort: true}
                ,{field: 'materialsId', title: '物料ID'}
                ,{field: 'takeAwayStatus', title: '申请状态'}
                ,{field: 'src', title: '备注',sort: true}
                ,{field: '', title: '操作',toolbar: "#barDemo"}
            ]]
        });


    /*样板单*/
        table.render({
            elem: '#demo3'
            ,height: 270
            ,url: '${pageContext.request.contextPath}/SampleS/getSempleInfo' //数据接口
            ,page: true //开启分页
            , limit: 3
            , limits: [1, 2, 3]
            ,toolbar: '#toolSempleDemo'
            ,cols: [[ //表头
                {field: 'sampleSheetNum', title: '样板单编号'}
                , {field: 'clientName', title: '客户'}
                , {field: 'styleNumber', title: '款号'}
                , {field: 'styleName', title: '款式名称'}
                ,{field: 'auditStatusStr', title: '审核状态',}
                , {field: 'designNumber', title: '设计号'}
                , {field: 'staffName', title: '设计师'}
                , {field: 'styleUnit', title: '款式单位'}
                , {field: 'productName', title: '版式类型'}
                , {field: 'patternDate', title: '打板时间'}
                , {field: 'finishedPlateDate', title: '完版时间'}
                ,{fixed: 'right',title: '操作', width: 150, align: 'center', toolbar: '#SempleDemo'}
            ]]
        });

        layui.use('laydate', function() {
            var laydate = layui.laydate;

            // 初始化日期选择器
            laydate.render({
                elem: '#takeAwayTime', // 绑定的元素ID
                type: 'date' // 设置日期选择的类型，这里是日期类型
            });
        });


        //删除的的代码以及修改的弹窗
        table.on('tool(test)', function(obj){ // 双击 toolDouble
            var data = obj.data.id+0;
            // console.log(data)
            if(obj.event === 'deleteAudit'){
                layer.confirm('确认删除该物料审核吗?', function(index){
                    $.ajax( {
                        "url"            :'${pageContext.request.contextPath}/Audits/deleteAuditById',
                        "type"         :  "get",
                        "data"         :  {"id":data},
                        "dataType" :  "json",
                        // contentType:"application/json;charset=utf-8",
                        "success"  :  function(result) {
                            layer.msg(result.message);
                            console.log(result.code);
                            if(result.code==20000){
                                table.reload("demo");
                            }
                        },
                        "error"       :  function() {
                            alert("请联系管理员")
                        }
                    } );
                    layer.close(index);
                });

            }else if (obj.event === 'modifyStu'){
                $("#id").val(obj.data.id)
                $("#takeAwayStatus").val(obj.data.takeAwayStatus)

                  // $("#takeAwaySubmitTime").val(obj.data.takeAwaySubmitTime);
                  // $("#takeAwayTime").val(obj.data.takeAwayTime);
                  // $("#takeAwayCount").val(obj.data.takeAwayCount);
                  // $("#orderId").val(obj.data.orderId);
                  // $("#styleId").val(obj.data.styleId);
                  // $("#productId").val(obj.data.productId);
                  // $("#materialsId").val(obj.data.materialsId);
                  // $("#src").val(obj.data.src);

                layui.form.render('select', 'upfm'); // 重新渲染select元素
                layer.open({
                    title: '编辑',
                    type: 1,
                    area: ['20%', '30%'],
                    content: $("#popUpdateTest"),
                    btn:['通过','取消'],
                    yes:function () {
                        let value = $('#upfm').serializeArray();
                        $.each(value, function(index,item){
                            data[item.name] = item.value;
                        });
                        let con = JSON.stringify(data);

                        // // 根据审核状态进行判断和更新
                        // if (takeAwayStatus === "3") {
                        //     // 通过
                        //     updateTakeAwayStatus(id, 3);
                        // } else if (takeAwayStatus === "4") {
                        //     // 不通过
                        //     updateTakeAwayStatus(id, 4);
                        // } else {
                        //     // 非法的审核状态
                        //     console.log("非法的审核状态");
                        // }
                        //
                        var takeAwayStatus =  $("#takeAwayStatus").val();
                        $.ajax({
                            url:'${pageContext.request.contextPath}/Audits/updateTakeAwaySubmit',
                            type:'post',
                            data :{auditId:con,takeAwayStatus:takeAwayStatus},
                            dataType:"text",
                           /* contentType:"application/json;charset=UTF-8",*/
                            "beforeSend": function() {     //请求之前的方法
                                console.log("我要发送请求了");
                            },
                            "success"  :  function(result) {  // 请求成功后要执行的代码
                                // alert(JSON.stringify(result))
                                if (result=="success"){
                                    alert("审核通过");
                                    window.location.href="toAudit";
                                }else {
                                    alert("审核失败");
                                }
                            },
                            "error"       :  function() {     // 请求失败后要执行的代码
                                alert("出错了，请联系管理员！！！")
                            }
                        } );
                    },
                    end: function () {

                        $("#popUpdateTest").hide(); // 在关闭弹窗时隐藏盒子
                    }


                });


            /*样板单审核*/
            }else if (obj.event === 'modifySemple'){

                var val = $("#sampleSheetId").val(obj.data.sampleSheetNum);
                alert(obj.data.sampleSheetNum)
                $("#auditStatusStr").val(obj.data.auditStatusStr)
                layui.form.render('select', 'upSemple'); // 重新渲染select元素
                layer.open({
                    type: 1,
                    title: '审核窗口',
                    content:  $("#auditModal"),
                    area: ['30%', '50%'],
                    btn:['通过','取消'],
                    yes:function () {
                        let value = $('#upSemple').serializeArray();
                        $.each(value, function(index,item){
                            data[item.name] = item.value;
                        });
                        let con = JSON.stringify(data);
                        var sampleSheetId =  $("#sampleSheetId").val();
                        var auditStatusStr =  $("#auditStatusStr").val();

                        $.ajax({
                            url:'${pageContext.request.contextPath}/SampleS/updateSample',
                            type:'post',
                            data :{sampleSheetId:con,auditStatusStr:auditStatusStr},
                            dataType:"text",
                            /* contentType:"application/json;charset=UTF-8",*/
                            "beforeSend": function() {     //请求之前的方法
                                console.log("我要发送请求了");
                            },
                            "success"  :  function(result) {  // 请求成功后要执行的代码
                                // alert(JSON.stringify(result))
                                if (result=="success"){
                                    alert("审核通过");
                                    window.location.href="toAudit";
                                }else {
                                    alert("审核失败");
                                }
                            },
                            "error"       :  function() {     // 请求失败后要执行的代码
                                alert("出错了，请联系管理员！！！")
                            }
                        } );
                    },
                    end: function () {

                        $("#auditModal").hide(); // 在关闭弹窗时隐藏盒子

                    }
                });
            }
        });
    })
</script>


<script type="text/html" id="barDemo">
    <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="deleteAudit">删除</a>
    <a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="modifyStu">审核</a>
</script>



<script type="text/html" id="SempleDemo">
    <a class="layui-btn layui-btn-danger layui-btn-sm" lay-event="deleteSemple">删除</a>
    <a class="layui-btn layui-btn-normal layui-btn-sm" lay-event="modifySemple">审核</a>
</script>


<script type="text/javascript">
    <%--/*//修改的代码--%>
    <%--function updateTakeAwaySubmit() {--%>
        <%--var aa =JSON.stringify($("#takeAwayStatus").val())--%>
        <%--$.ajax({--%>
            <%--&lt;%&ndash;url:'${pageContext.request.contextPath}/Audits/updateTakeAwaySubmit',&ndash;%&gt;--%>
            <%--type:'POST',--%>
            <%--data :{src:src},--%>
            <%--dataType:"text",--%>
            <%--contentType:"application/json;charset=UTF-8",--%>
            <%--"beforeSend": function() {     //请求之前的方法--%>
                <%--console.log("我要发送请求了");--%>
            <%--},--%>
            <%--"success"  :  function(result) {  // 请求成功后要执行的代码--%>
                <%--// alert(JSON.stringify(result))--%>
                <%--if (result=="success"){--%>
                    <%--alert("审核通过");--%>
                    <%--window.location.href="toAudit";--%>
                <%--}else {--%>
                    <%--alert("审核失败");--%>
                <%--}--%>
            <%--},--%>
            <%--"error"       :  function() {     // 请求失败后要执行的代码--%>
                <%--alert("出错了，请联系管理员！！！")--%>
            <%--}--%>
        <%--} );--%>
    <%--}*/--%>
    function  fmobjToObj(fmobj){
        var o = {};
        var a = fmobj.serializeArray();
        $.each(a, function() {
            if (o[this.name] !== undefined) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    }


</script>

<script>
    function performAudit() {

        // 获取样品单ID和审核状态
        var sampleSheetId = yourSampleSheetId; // 替换为实际的样品单ID
        var auditStatus = yourAuditStatus; // 替换为实际的审核状态

        // 构造请求数据
        var requestData = {
            sampleSheetId: sampleSheetId,
            auditStatus: auditStatus
        };
    }
</script>


<script type="text/javascript">

    function  fmobjToObj(fmobj){
        var o = {};
        var a = fmobj.serializeArray();
        $.each(a, function() {
            if (o[this.name] !== undefined) {
                if (!o[this.name].push) {
                    o[this.name] = [o[this.name]];
                }
                o[this.name].push(this.value || '');
            } else {
                o[this.name] = this.value || '';
            }
        });
        return o;
    }


</script>
</body>
</html>
